<!-- 修改密码 -->
<template>
  <main class="page-main">
    <div class="reset-page">

      <a-form :model="formData" name="basic" autocomplete="off"
              :label-col="{ span: 6 }" :wrapper-col="{ span: 18 }"
              @finish="onFinish" @finishFailed="onFinishFailed"
      >
        <a-form-item label='密码' name='accountNo' :rules='rules.accountNo'>
          <a-input v-model:value='formData.accountNo'/>
        </a-form-item>
        <a-form-item label='确认密码' name='userName' :rules='rules.userName'>
          <a-input v-model:value='formData.userName'/>
        </a-form-item>

        <a-flex class="width" justify="space-around">
          <a-button type="primary" html-type="submit">提交</a-button>
          <a-button @click="handleClose">取消</a-button>
        </a-flex>
      </a-form>
    </div>


  </main>
</template>
<script lang="ts">
import PageHeader from "@/components/PageHeader.vue";
import PageFoot from "@/components/PageFoot.vue";

export default {
  components: {
    PageFoot,
    PageHeader
  },
  data() {
    return {
      formData:{},
      rules: {
        accountNo: [{required: true, message: '账号必填!'}],
        userName: [{required: true, message: '用户名必填!'}]
      }
    }
  },
  methods:{
    onFinish(values: any) {
      console.log('Success:', values);
      // this.handleSave();
    },
    onFinishFailed(errorInfo: any) {
      console.log('Failed:', errorInfo);
    }
  },
  mounted() {
  }
}
</script>
<style scoped>
.reset-page{
  width: 50%;
  margin: 100px auto;
}
</style>
